<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<canvas id="canvas" width="300" height="300"></canvas>
<script lang="ts">
    //获取dom节点
    const el = document.querySelector("#canvas")
    // 得到一个对象
    const app = el.getContext("2d")
    console.log(app)
    // 1.颜料 线 贴图（图片）
    // 2. 画

    app.fillStyle = "red"
    app.fillRect(0, 0, 300,300)
</script>
</body>
</html>
